import React from 'react';
import ReactDOM from 'react-dom';

import TodoList from './chapter-a/TodoList';
import App from './chapter-b/App';
import AppCss from './chapter-b/App-css';
import AppGroup from './chapter-b/App-group';
import TodoList2 from './extra/TransitionGroupTest';
import TodoListForAnt from './chapter-c/TodoList';
import TodoListForAnt2 from './chapter-c1/TodoList';

import {
	Provider
} from 'react-redux';
import TodoListForReactRedux from './chapter-d/TodoList';
import store from './chapter-d/store/index';

const AppReactRedux = (
	<Provider store = {store}>
		<TodoListForReactRedux />
	</Provider>
);

class Index extends React.Component {
	render() {
		return (
			<div>
				<TodoList />
				<App />
				<AppCss />
				<AppGroup />
				<TodoList2 />
				<TodoListForAnt />

				<TodoListForAnt2 />
			</div>
		);
	}
}

ReactDOM.render(
	AppReactRedux,
	document.getElementById('root')
);